@charset "utf-8";
@import "common/reset";
@import "common/common";
.web{
    width: 100%;
    overflow: hidden;
    header {
        height: r(108px);
        .left {
            width: r(123px);
            height: r(57px);
            border: r(2px) solid $color;
            border-radius: r(16px);
            text-align: center;
            margin-top: r(48px);
            margin-left: r(23px);
            a {
                vertical-align: middle;
                color: #000000;
                font-size: r(26px);
                padding-top: r(6px);
            }
        }
        .right {
            margin-top: r(54px);
            margin-right: r(24px);
            img{
                width: r(52px);
            }
            
        }
        .center {
            overflow: hidden;
            margin: 0 auto;
            h2 {
                font-size: r(26px);
                margin-top: r(62px);
                text-align: center;
            }
        }
    }
    section{
        .detail{
            width: 95%;
            margin: 0 auto;
            img{
                width: 100%;
            }  
            span{
                font-size: r(58px);
                color: $color;
                margin-top: r(36px);
                display: inline-block;
                margin-left: r(20px);
            }
            .fr{
                font-size: r(30px);
                color: white;
                background: $color;
                padding: r(15px) r(25px);
                border-radius: 15px;
                margin-top: r(37px);
                margin-right: r(20px);
            }
            p{
                display: inline-block;
                font-size: r(30px);
                margin-top: r(26px);
                span{
                    font-size: r(26px);
                    margin-left: 0;
                }
                img{
                    width: r(36px);
                    margin-right: r(12px);
                    margin-left: r(20px);
                } 
            }
            h6{
                display: inline-block;
                float: right;
                margin-top: r(56px);
                margin-right: r(20px);
                a{
                    font-size: r(25px);
                    color: #8e8e8e;
                }
            }
        }
        .shanghu{
            background: $color;
            width: 91%;
            margin: 0 auto;
            height: r(68px);
            line-height: r(68px);
            margin-top: r(36px);
            h3{
                display: inline-block;
                font-size: r(30px);
                color: white;
                vertical-align: middle;
                margin-left: r(14px);
            }
            span{
                font-size: r(26px);
                color: white;
                float: right;
                vertical-align: middle;
                margin-right: r(10px);
            }
        }
        .shop{
            width: 91%;
            margin: 0 auto;
            margin-top: r(10px);
            &:last-of-type{
                padding-bottom: 100px;
            }
            img{
                width: 26.5%;
            }
            .site{
                width: 48%;
                margin-left: r(26px);
                h3{
                    font-size: r(27px);
                }
                img{
                    width: r(34px);
                }
                span{
                    font-size: r(24px);
                    color: #929292;
                }
                p{
                   font-size: r(24px);
                    color: #929292; 
                }
                a{
                   font-size: r(20px); 
                   color: $color;
                }
            }
            .in{
                width: 21%;
                margin-top: r(80px);
                a{
                    font-size: r(30px);
                    color: white;
                    background: $color;
                    padding: r(15px) r(25px);
                    border-radius: 15px;
                }
            }
        }
    }
}
